<template>
  <div class="home">
    <pre>{{ jsondata }}</pre>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup() {
    let json =
      '{"token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwYXNzd29yZCI6ImRjMWZkMDBlM2VlZWI5NDBmZjQ2ZjQ1N2JmOTdkNjZiYTdmY2MzNmUwYjIwODAyMzgzZGUxNDI4NjBlNzZhZTYiLCJleHAiOjE2NDAwNTU5OTQsInVzZXJJZCI6MX0.XYEu-nBS65yC7-gqdM3UTgsDmOUBPVR2eukjfxbl5qw","expires":"2021-12-21 11:06:34","user":{"createTime":"2021-11-15 17:47:47","updateTime":"2021-12-14 11:06:34","userId":1,"username":"admin","role":0,"roleName":"系统管理员","name":"待补充","contact":"待补充","email":"待补充","lastLoginTime":"2021-12-14 11:06:34","remark":null,"isEnable":true},"notifications":[{"message":"安全提醒","description":"当前密码为默认密码, 请及时修改密码"}]}';
    var jsonObj = JSON.parse(json);
    let jsondata = JSON.stringify(jsonObj, null, 4);
    return {
      jsondata,
    };
  },
});
</script>

<style lang="less" scoped>
.home {
  width: 100%;
  overflow: hidden;
}
.upload {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.progress {
  width: 350px;
  margin: 0 auto;
}
.tableBox {
  padding: 0px 20px;
}
.operation {
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
</style>